React-[入門篇]-在JSX中加入inline style樣式 | 引入 external css 檔案


{{}}夾心餅乾的inline style

如果要在元件中的JSX區塊加入inline style會需要寫入js 物件的方式,首先:

inline style的設定就是物件的{key: value}寫法

因為是js物件,所以key是採取小駝峰寫法


也可以定義好再寫入

import external CSS檔案

已有寫好現成的css檔案,要在使用的元件檔案中上放用import Css檔案所在的位置(很重要的動作)

注意:這裡的css style是全域css檔案/global styles,並不是scoped to 每一個元件,這在小的app開發不是問題,通常我們在大的開發會使用styled components為主(一個css檔只限於一個元件)

#React入門 #inline style&js&js object







你可能感興趣的文章

Web開發學習筆記07 — bind、call、apply

Web開發學習筆記07 — bind、call、apply

[#001] 14. Longest Common Prefix

[#001] 14. Longest Common Prefix

[新手村系列] Markdown 和 HTML 基礎語法教學

[新手村系列] Markdown 和 HTML 基礎語法教學






留言討論